﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="HTML标签"/>
    <link href="Content/site.css" rel="stylesheet" />
    <title></title>
</head>
<body>
    <header class="header">
        <h1> XXX有限公司</h1>
        <img src="#" alt="XXX有限公司" />
        
    </header>
    <nav class="nav sep"> 
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">公司概况</a></li>
            <li><a href="#">产品简介</a></li>
            <li><a href="#">联系我们</a></li>
        </ul> 
    </nav>
    <main class="main">  
        <section class="row-1">
            <h2>产品展示</h2>
                <p>多个展品轮播展示</p>
        </section>
        <section class="row-2">
            <h2>客户服务</h2>
            <article class="col sep2">
                <h3>在线联系</h3>
                <p>通过在线联系了解产品</p>
            </article>
            <article class="col sep">
                <h3>电子邮件</h3>
                <p>通过发送邮件了解产品</p>
            </article>
        </section>
    </main>
    <aside class="aside sep2">
        <ul>
            <li>产品分类I</li>
            <li>产品分类II</li>
            <li>产品分类III</li>
            <li>产品分类IV</li>
        </ul>
    </aside>
    <footer class="footer sep"><p>Copright 2020 &copy;</p>
            <address id="my_address" onclick="addressOnclick">江西省九江市钱景东路</address>
    </footer>
    <script>
        function addressOnclick() {
            document.getElementById("my_address").style.color = "red";
        }
    </script>
                
   
</body>
</html>